/*!
 * WeUI Extend v0.1.1 (http://git.code.oa.com/wx_fed/weui-extend)
 * Copyright 2019 Tencent, Inc.
 * Licensed under the MIT license
 */
.weui-auth {
  min-height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-left: 24px;
  padding-right: 24px;
  padding: constant(safe-area-inset-top)
    calc(24px + constant(safe-area-inset-right))
    constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left));
  padding: env(safe-area-inset-top) calc(24px + env(safe-area-inset-right))
    env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left));
}
.weui-auth__hd {
  padding: 28px 0 16px;
  font-size: 0;
}
.weui-auth__hd > .weui-flex {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 16px;
}
.weui-auth__hd > .weui-flex .weui-flex__item {
  padding-left: 8px;
}
.weui-auth__avatar {
  width: 24px;
  height: 24px;
  border-radius: 3px;
}
.weui-auth__nickname {
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 1.4;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: left;
}
.weui-auth__tips {
  color: rgba(0, 0, 0, 0.9);
  line-height: 1.4;
  font-size: 24px;
  margin-bottom: 16px;
}
.weui-auth__bd {
  font-size: 17px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.weui-auth__ft {
  padding-bottom: 96px;
  padding-top: 48px;
}
.weui-half-screen__wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #f7f7f7;
  min-height: 100%;
}
.weui-half-screen__hd {
  min-height: 160px;
  padding: 16px 32px;
  box-sizing: border-box;
}
.weui-half-screen__bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  line-height: 1.4;
  background-color: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
  padding: 0 calc(24px + constant(safe-area-inset-right))
    constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left));
  padding: 0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom)
    calc(24px + env(safe-area-inset-left));
}
